<template>
	<div id="reg">
		<center>
		    <h1>注册</h1>
		</center>
		<form class="form-horizontal" action="javascript:;">
		    <div class="form-group col-sm-10 input-lg">
		        <label for="inputEmail3" class="col-sm-2 control-label">电子邮箱</label>
		        <div class="col-sm-10 sbox">
		            <input type="email" class="form-control" placeholder="数字字母开头@数字字母.com或cn">
		            <span></span>
		        </div>
		    </div>
		    <div class="form-group col-sm-10 input-lg">
		        <label for="inputPassword3" class="col-sm-2 control-label">用户名</label>
		        <div class="col-sm-10 sbox">
		            <input type="text" class="form-control" placeholder="用户名由汉字或字母组成">
		            <span></span>
		        </div>
		    </div>
		    <div class="form-group col-sm-10 input-lg">
		        <label for="inputPassword3" class="col-sm-2 control-label">密码</label>
		        <div class="col-sm-10">
		            <input type="password" class="form-control" placeholder="长度6-11位数字字母">
		        </div>
		    </div>
		    <div class="form-group col-sm-10 input-lg">
		        <label for="inputPassword3" class="col-sm-2 control-label">确认密码</label>
		        <div class="col-sm-10" >
		            <input type="password" class="form-control" placeholder="长度6-11位数字字母">
		        </div>
		    </div>
		    <div class="form-group col-sm-10 input-lg">
		        <div class="col-sm-offset-2 col-sm-10">
		            <button type="button" class="btn btn-default" id="but">注册</button>
		            <button type="button" class="btn btn-default" id="hui" @click="gohome">回到首页</button>
		        </div>
		    </div>
		</form>
	</div>
</template>

<script>
	export default {
		name:'',
		props:{},
		data(){
		  return {
			
		  }
		},
		components:{},
		mounted(){},
		updated(){},
		methods:{
			gohome(){
				 this.$router.replace('/home')
			}
		}
	}
</script>

<style scoped>
	.box{
	    position: relative;
	}
	span{
	    position: absolute;
	    height: 34px;
	    line-height: 34px;
	    text-align: right;
	    right: 30px;
	    color: red;
	    top: 0;
	}
	#hui{
	    float: right;
	}
	#reg h1{
		color: #000000;
	}
</style>
